import {mapGetters} from 'vuex'

export default {
	computed:{
		  // 购物车商品数量
		  ...mapGetters('m_cart',['total']),
	  },
	  onShow() {
		// 页面渲染完成后，调用方法展示徽标数字
	  	this.setBadge()
	  },
	  // 监听商品数量变化
	  watch:{
		  // 监听到total数量发生变化，重新赋值徽标
		  total() {
			  this.setBadge()
		  }
	  },
	  methods:{
	  	// 给购物车设置徽标
	  	setBadge() {
	  		uni.setTabBarBadge({
				// 索引为2，第3个导航设置徽标
	  			index:2,
				// 徽标为字符串，等于购物车商品数量
	  			text:this.total+''
	  		})

	  	}
	  }
}